<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>于道图床</title>
    <meta name="author" content="Joyven"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="Bookmark" href="/favicon.ico"/>
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="libs/jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="yd-app">
    <div id="left-gg"></div>
    <div id="right-gg"></div>
    <!-- 顶部导航栏 -->
    <div class="header">
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-lg12">
                    <div class="left-menu">
                        <a href="/">
                            <div id="logo">
                                <img src="" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="layui-hide-xs menu right-menu">
                        <ul class="layui-nav layui-bg-green" lay-filter="">
                            <li class="layui-nav-item">
                                <a href="#multipe.html"><i class="layui-icon layui-icon-upload"></i> &nbsp;多图上传</a>
                            </li>
                            <li class="layui-nav-item">
                                <a href="javascript:;"><i class="layui-icon layui-icon-search"></i> &nbsp;探索发现</a>
                            </li>
                            <li class="layui-nav-item">
                                <a href="javascript:;"><i class="layui-icon layui-icon-notice"></i> &nbsp;更新日志</a>
                            </li>
                            <li class="layui-nav-item">
                                <a href="javascript:;"><i class="layui-icon layui-icon-rate-solid"></i> &nbsp;今日美图</a>
                            </li>
                            <!-- 简单判断用户是否登录 -->
                            <li class="layui-nav-item" v-if="isLogin">
                                <a href="javascript:;"><i class="layui-icon layui-icon-console"></i> &nbsp;后台管理</a>
                            </li>
                            <!-- 简单判断用户是否登录END -->
                        </ul>
                    </div>
                     <div class="menu layui-hide-lg layui-hide-md layui-hide-sm">
                         <ul class="layui-nav" lay-filter="">
                             <li class="layui-nav-item"><a href="/found"><i class="layui-icon layui-icon-search"></i> &nbsp;发现</a>
                             </li>
                         </ul>
                     </div>
                </div>
            </div>
        </div>
    </div>

    <template>
        <iframe scrolling="yes" frameborder="0" style="width: 100%; min-height: 700px; overflow: visible;"
                :src="url"></iframe>
    </template>

    <!-- 底部 -->
    <div class="footer">
        <div class="layui-container">
            <div class="layui-row">
                <!--未经作者授权，请勿去掉版权，谢谢-->
                <div class="layui-col-lg12">
                    Copyright © 2019 {{endDate}} Powered by <a :href="domain" target="_blank"
                                                        title="PicHosting是一个开源免费的图床程序">PicHosting</a> | Author <a
                        href="//www.zhoujunwen.com" target="_blank" title="若谷">www.zhoujunwen.com</a> |
                    <!-- 简单判断用户是否登录 -->
                    <a v-if="isLogin" href="/user/logout">logout</a>
                    <a v-else href="/user/login">login</a>
                    <!-- 简单判断用户是否登录END -->
                </div>
            </div>
        </div>
    </div>
</div>

<script src="libs/vue.min.js"></script>
<script src="js/index.js"></script>

</body>
</html>